@charset "UTF-8";
.sample_text {
	width: 200px;
	font-size: 20px;
	position: relative;
	top: 5%;
	left: 10%;
}
#inner_wiper_demo, #inner_wiper_demo2 {
	width: 640px;
	height: 320px;
	position: relative;
	top: 5%;
	left: 10%;
	margin-bottom: 30px;
}
#inner_wiper_demo .li_sample1,  #inner_wiper_demo .li_sample2,  #inner_wiper_demo .li_sample3,  #inner_wiper_demo .li_sample4,  #inner_wiper_demo .li_sample5 {
	color: #fff;
	position: relative;
	text-shadow: 1px 2px 5px #000;
	opacity: 0.7;
	font-size: 13px;
}
#inner_wiper_demo ul#inner_wiper li {
	width: 100%;
	height: 376px !important;
	overflow: hidden;
}
#inner_wiper_demo ul#inner_wiper li h2 {
	color: #fff;
	box-shadow: 0px -2px 1px #000;
	width: 346px !important;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(1) {
 background: url(../images/demo1_1.jpg);
 background-repeat: no-repeat;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(1) .li_sample5 {
 width: 300px;
 top: 250px;
 left: 200px;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(2) {
 background: url(../images/demo1_2.png);
 background-repeat: no-repeat;
 background-size: contain;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(2) .li_sample4 {
 width: 300px;
 top: 210px;
 left: 300px;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(3) {
 background: url(../images/demo1_3.png);
 background-repeat: no-repeat;
 background-size: cover;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(3) .li_sample3 {
 left: 75px;
 top: 20px;
 color: #fff;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(4) {
 background: url(../images/demo1_4.png);
 background-repeat: no-repeat;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(4) .li_sample2 {
 width: 140px;
 left: 80px;
 top: 40px;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(5) {
 width: 100%;
 background: url(../images/demo1_5.png);
 background-repeat: no-repeat;
}
 #inner_wiper_demo ul#inner_wiper li:nth-child(5) .li_sample1 {
 left: 286px;
 top: 5px;
 color: #fff;
 width: 140px;
 opacity: 0.6;
 font-size: 20px;
}
#inner_wiper_demo2 {
	width: 640px;
	height: 320px;
	position: relative;
	top: 5%;
	left: 10%;
}
#inner_wiper_demo2 li .color {
	width: 100px;
	height: 20px;
	position: relative;
}
#inner_wiper_demo2 li .color .color_text {
	width: 70px;
	line-height: 20px;
	padding-left: 5px;
	background: #fff;
}
#inner_wiper_demo2 ul#inner_wiper2 li {
	width: 100%;
	height: 376px !important;
	overflow: hidden;
	background: none;
}
#inner_wiper_demo2 ul#inner_wiper2 li h2 {
	color: #fff;
	box-shadow: 0px -2px 1px #000;
	width: 346px !important;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(1) h2 {
 background: url(../images/demo1.jpg) no-repeat;
 height: 640px;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(1) .color {
 top: -350px;
 left: 525px;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(1) #demo_logo {
 position: relative;
 top: -19px;
 left: 50px;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(1) #demo_logo img {
 width: 19px;
 height: 18px;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(2) {
 left: 10px !important;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(2) .color {
 top: -340px;
 left: 515px;
 background: #ff0000;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(2) h2 {
 background: url(../images/demo2_2.png);
 height: 630px;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(3) {
 left: 25px !important;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(3) .color {
 top: -325px;
 left: 500px;
 background: #ffd700;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(3) h2 {
 height: 615px;
 opacity: 0.4;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(4) {
 left: 50px !important;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(4) .color {
 top: -300px;
 left: 475px;
 background: #adff2f;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(4) h2 {
 height: 590px;
 opacity: 0.2;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(5) {
 left: 83px !important;
 width: 100%;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(5) .color {
 top: -300px;
 left: 442px;
 background: #4169e1;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(5) h2 {
 height: 590px;
 opacity: 0.6;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(6) {
 left: 125px !important;
 width: 100%;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(6) .color {
 top: -230px;
 left: 400px;
 background: #8a2be2;
}
 #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(6) h2 {
 background: #8a2be2;
 height: 520px;
 opacity: 0.3;
 padding-right: 90px;
}
html body .en_box {
	display: block;
}
html body .ja_box {
	display: none;
}
html body footer {
	width: 275px;
	height: 50px;
	position: relative;
	bottom: 45px;
	float: right;
}
html body footer #translation_box {
	float: right;
}
html body footer #translation_box a {
	color: #191970;
	text-align: center;
	margin-right: 5px;
	border: 1px solid #778899;
	width: 50px;
	font-size: 10px;
	background: #fff;
	float: left;
}
html body footer #translation_box a:hover {
	background: #ccc;
}
html body footer #translation_box #copyrights {
	width: 170px;
	font-size: 10px;
	line-height: 30px;
	clear: both;
	float: right;
}
html body footer #translation_box #translation {
	position: relative;
	right:10px;
	width: 115px;
	height: 20px;
	float: right;
}
